<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/diary_edit.css">
    <title>确认订单</title>
</head>
<body>
<div class="body">
    <div class="edit-box">
        <div class="width-com">
            <input type="text" class="ipt" placeholder="请输入标题...">
        </div>
    </div>
    <div id="editor">
    </div>
<!--    <div class="edit-box" style="border:none">-->
<!--        <div class="width-com">-->
<!--            <textarea name="" rows="10" placeholder="请输入内容..."></textarea>-->
<!--        </div>-->
<!--    </div>-->

<!--    <div class="edit-box">-->
<!--        <div class="width-com">-->
<!--            <div class="icon-box">-->
<!--                <img src="./icon/photo.png" alt="">-->
<!--                <img src="./icon/video.png" alt="">-->
<!--                <img src="./icon/mic.png" alt="">-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
    <div class="edit-box">
        <div class="width-com">
            <div class="location">
                <img src="./icon/position.png" alt="">
                <span>杭州市***区</span>
            </div>
        </div>
    </div>


    <div class="edit-box margin-top-com">
        <div class="width-com">
            <div class="location">
                <p>任务完成时间</p>
                <p>任务完成时间</p>
            </div>
        </div>
    </div>


    <div class="edit-box margin-top-com">
        <div class="width-com">
            <div class="location">
                <img src="./icon/position.png" alt="">
                <p>杭州</p>
                <p>
                    <img src="./icon/right.png" alt="">
                </p>
            </div>
        </div>
    </div>


    <div class="footer margin-top-com">
        <div class="width-com">
            <div class="label">
                <div><p class="label-text">#今日特价</p></div>
                <div><p class="label-text">#今日特价</p></div>
                <div><p class="label-text">#今日特价</p></div>
                <div><p class="label-text">#特价</p></div>
                <div><p class="label-text">#今价</p></div>
                <div><p class="label-text">#今日特价</p></div>
                <div><p class="label-text">#今日特价</p></div>
            </div>
            <div class="select-box">
                <div class="select">
                    <div class="options">
                        <p>·</p>
                        <span>全公开</span>
                    </div>

                    <div class="options">
                        <p></p>
                        <span>仅限好友观看</span>
                    </div>
                </div>
            </div>
            <div class="create-btn">
                <button class="gradient"> 创 建</button>
            </div>
        </div>
    </div>

</div>
</body>
<script src="./js/jquery-3.1.1.min.js"></script>
<script src="//unpkg.com/wangeditor/release/wangEditor.min.js"></script>
<script type="text/javascript">
    var E = window.wangEditor
    var editor = new E('#editor')
    // 自定义菜单配置
    editor.customConfig.menus = [
        'head',
        'bold',
        'italic',
        'underline',
        'video',
        'image',
        'emoticon'

    ];
    editor.customConfig.uploadImgShowBase64 = true;   // 使用 base64 保存图片
    editor.create();
</script>
</html>